

/*首页*/
.header-info{width: 30%;height: 186px;background:#F9832B;position: relative;}
.header-info .headerImg{width: 70px;height: 70px;border-radius: 54px;border: 1px solid #e1e1e1;background-color: #fff;position: absolute;left: 50%;top:20%;margin-left:-35px;text-align: center;overflow: hidden;}

.template-row-list{padding-left:52px;position: relative;line-height: 18px;}
.template-row-list .label-title{position: absolute;left: 0;top: 0;width: 52px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px;}
.template-row-list .row-content{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}


.user-name{top:60%;left:0;color: #fff;font-size: 14px;line-height: 20px;width:100%;text-align: center}
/* .entry-list{background-color: #fff;margin-bottom: 6px; padding: 22px 0 12px 12px; -webkit-box-shadow: 0 4px 6px 0px rgba(233, 233, 233, .8); -moz-box-shadow: 0 4px 6px 0px rgba(233, 233, 233, .8);      box-shadow: 0 4px 6px 0px rgba(233, 233, 233, .8);} */
.entry-list{margin-bottom: 6px; padding: 22px 0 12px 23px;position: absolute;top:30px;left:35%;}
/*.recommend-number{padding: 12px 0 12px 12px;}*/
.recommend-number .label-title{ color: #787573;}
.recommend-number .num{color: #ef6154;}
.num strong{font-size: 14px;padding-right: 4px;}
.recommend-commission-btn{padding: 16px 0;top:90px;left:35%;position: absolute;width: 60%;}
.recommend-commission-btn>.col-sm-4{height: 60px;overflow: visible}
.recommend-com-list{text-align: center;}
.recommend-com-list span:nth-child(2){position:relative; left:-14px;top:15px;width:100%}
.recommend-com-list.botNo{border-right: none;}
.recommend-com-list a{line-height: 22px;}
.recommend-com-list .iconImg{width: 50px;height: 50px;border-radius:25px;background:url(../images/save.png) #FFF1E1 no-repeat;background-position: center;background-size:70%;margin: 0 auto;}
.recommend-com-list .iconImgTwo{width: 50px;height: 50px;border-radius:25px;background:url(../images/mount.png) #FFF1E1 no-repeat;background-position: center;background-size:70%;margin: 0 auto;}
.recommend-com-list .iconImgThree{width: 50px;height: 50px;border-radius:25px;background:url(../images/searchbig.png) #FFF1E1 no-repeat;background-position: center;background-size:70%;margin: 0 auto;}
/* .recommend-com-list .iconImg{width: 18px;height: 18px;background: url(../images/icon.png) no-repeat;background-position: 0 0;display: inline-block;position: relative;top: 6px;left: 0;background-size: 49px auto;margin-right: 4px;} */
/* .recommend-com-list.botNo .iconImg{background-position: -18px 0;} */

.choice-city-region{padding: 10px;position: relative;width: 100%;left: 0;top: 0;z-index: 99;background-color: #fff;border-bottom: 1px solid #d6d6d6;}
.line{height: 10px;background-color: #f2f2f2;}
/*.city-info-list{padding-bottom: 60px;}*/
.city-info-list li{padding: 10px 0;border-top: 1px solid #d6d6d6; }
.city-info-list li:first-child{border-top:none;}
.choice-city{margin: 0 -10px;}
.choice-city,.choice-square{position: relative;padding-left: 22px;padding-right: 20px;display: block;font-size: 14px;line-height: 20px;color: #ef6154;}
.choice-city .city-name,.choice-square .city-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.location-icon{width: 18px;height: 18px;background: url(../images/icon.png) no-repeat;background-position: -36px 0;background-size: 49px auto;display: inline-block;position: absolute;left: 2px;top: 5px;}
.choice-city .fa-caret-right,.choice-square .fa-caret-right{position: absolute;right: 4px;bottom: -4px;color: #ccc;transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); }

/*小区信息*/
.residential-img{position: relative;width: 100%;border-radius: 4px;height: 150px;overflow: hidden;}
.residential-icon{position: absolute;left: 0;top: 16px;height: 20px;width: 66px;background: url(../images/iconText.png) no-repeat;background-size: 66px auto;line-height: 20px;padding-left: 4px;color: #fff;;}
.residential-img img{width: 100%;height: 100%;}
.residential-mask{position: absolute;bottom: 0;left: 0;height: 30px;width: 100%;background-color: #000;opacity: 0.4;z-index: 3;}
.residential-mask-info{position: absolute;bottom: 0;line-height: 30px;color: #fff;z-index: 9;width: 100%;font-size: 14px;}
.residential-mask-info .name{padding-left: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.residential-mask-info .square{padding-right: 10px;text-align: right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#F07B67;font-weight: bold;}
.main-push{position: absolute;width: 55px;height: 20px;line-height:20px;top:14px;right: 10px;background: #ff8b22;color:#ffffff;border-radius: 3px;text-align: center;}
.main-push-left{position: absolute;width: 55px;height: 20px;line-height:20px;top:14px;left: 10px;background: #ff8b22;color:#ffffff;border-radius: 3px;text-align: center;}

.recommend-residential{padding-right: 88px;position: relative;margin-top: 8px;}
.recommend-residential .userNum{line-height: 22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #928f8c;}
.userNum .tNum{font-size: 14px;color: #ef6154;margin: 0 4px;}
.userNum .text{font-size: 14px;color: #000;margin: 0 4px;}
.recommendBtnTwo{position: absolute;right: 0;bottom: 0;border: 1px solid #ff8b22;color:#FFF;background:#F07B67;padding: 5px 10px;border-radius: 4px;}
.recommendBtn .fa{margin-right: 4px;font-size: 16px;position: relative;top: 2px;}
.recommendBtnOne{position: absolute;right: 100px;bottom: 0;border: 1px solid #ff8b22;color: #FFF;padding: 5px 10px;background:#F07B67;border-radius: 4px;}



/*footer*/
.fixed-footer{height: 50px;position: fixed;bottom: 0;left: 0;z-index: 9;background-color: #fff;border-top: 1px solid #ccc;width: 100%;}
.footer-list{width: 25%;float: left;height: 100%;text-align: center;font-size: 14px;line-height: 18px;}
.footer-icon{position: relative; width: 18px; height: 18px;	display: block; margin: 8px auto 0;  text-align: center; color: #999;background: url(../images/foot.png) no-repeat;background-size: 72px auto;background-position: 0 0;}
.footer-list.active{color: #ef6154;}
.footer-list.active .footer-icon{background-position: 0 -18px;}
.footer-sec{background-position: -18px 0;}
.footer-list.active .footer-sec{background-position: -18px -18px;}
.footer-thrd{background-position: -36px 0;}
.footer-list.active .footer-thrd{background-position: -36px -18px;}
.footer-four{background-position: -54px 0;}
.footer-list.active .footer-four{background-position: -54px -18px;}

.footer-info{background-color: #333;height: 44px;padding: 6px 10px;}
.template-footer-list{padding-right: 82px;position: relative;}
.template-footer-left,.template-footer-right{height: 32px;overflow: hidden;}
.template-footer-right{position: absolute;width: 82px;right: 0;top: 0;}



/*楼盘详情*/
.properties-details{padding: 10px 10px 10px 160px;position: relative;height: 132px;border-bottom: 1px solid #ccc;background-color: #fff;}
.properties-img{position: absolute;left: 10px;top: 10px;width: 150px;height: 112px;}
.properties-details-list{padding-left: 8px;width: 100%;}
.properties-details-list h3{font-size: 14px;line-height: 20px;position: relative;padding-right: 44px;height: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.properties-details-list .sale{position: absolute;right: 0;top: 0;background-color: #02be9d;color: #fff;width: 44px;height: 20px;border-radius: 4px;text-align: center;}

.properties-address{height: 32px;color: #999; position: relative;padding-left: 16px;margin-top: 18px;line-height: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.properties-address .location-icon{top: 2px;}
.choice-square{padding-left: 0;margin-top: 24px;}

/*ul-li */
.ul-list-view{position: relative;margin-top: 0;margin-bottom: 0;padding-left: 0;list-style: none;background-color: #fff;}
.ul-list-view-cell{position: relative;overflow: hidden;padding: 10px;}
.list-navigate-right{line-height: 20px;position: relative;font-size: 14px;display: block;overflow: hidden;margin: -10px;padding: inherit;white-space: nowrap;text-overflow: ellipsis;color: inherit;}
.list-view-icon-right .ul-list-view-cell{padding-right: 40px;}
.list-view-icon-right .list-navigate-right{margin-right: -40px;}


.ul-list-view-cell:after{position: absolute;right: 10px;bottom: 0;left: 10px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;margin-top: -1px;}
.ul-list-view-cell:last-child:after{left: 0;-webkit-transform: none;transform: none;right:0;}
.list-navigate-right:after{font: normal normal normal 14px/1 FontAwesome;font-size: 22px;margin-top: -1px;line-height: 1;position: absolute;top: 50%;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-decoration: none;color: #bbb;-webkit-font-smoothing: antialiased;}
.list-navigate-right:after{content: "\f105";right: 12px;}


.exhibition-title{position: relative;padding-left: 26px;height: 20px;line-height: 20px;}
.exhibition-title .title-logo{width: 20px;height: 20px;position: absolute;left: 0;top: 0; display: inline-block;background: url(../images/iconImages.png) no-repeat;background-size: 100px auto;background-position: 0 0;}
.logo-pos02{color: #ff8e3b;}
.logo-pos02 .title-logo{background-position: -20px 0;}
.logo-pos03{color: #3ec0b8;}
.logo-pos03 .title-logo{background-position: -40px 0;}
.logo-pos04{color: #5aa5eb;}
.logo-pos04 .title-logo{background-position: -60px 0;}
.logo-pos05{color: #f44939;}
.logo-pos05 .title-logo{background-position: -80px 0;}
/*推荐客户按钮*/
.recommend-customers-btn{border: 1px solid #ef6154;color: #ef6154; display: block;margin: 0 auto;text-align: center;width: 150px;height: 36px;;line-height: 36px;border-radius: 4px;}
.recommend-customers-btn img{position: relative;top: 2px;margin-right: 4px;width: 12px;height: 12px;}

.rule-text{color: #333;line-height: 24px;font-size: 14px;max-height: 220px;overflow: hidden;}
.rule-text .rule-textAll{text-indent: 2em;}
.rule-textAll img{ width:320px; height: 320px; }
/*展开按钮*/
.open-info-btn{position: relative;height: 24px;overflow: hidden;padding-top: 12px;margin-top: 10px;}
.open-info-btn .line-dash{border-bottom:1px dashed #ccc;display: block;width: 100%;}
.openBtn{background-color: #fff;border: 1px solid #ccc;width: 65px;height: 24px;line-height: 24px;display: block;text-align: center;border-radius: 4px;position: absolute;left: 50%;top: 0;margin-left: -32px;}
.openBtn .fa-caret-right{color: #ccc;transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); position: relative;top: 4px;margin-left: 4px;}



/*意向楼盘*/
.import-title{height: 34px;line-height: 34px;background-color: #e5e5e5;padding: 0 10px;width: 100%;}
.view-childen-list{background-color: #FFF;height: 44px;line-height: 44px;padding: 0 40px 0 10px;border-bottom: 1px solid #ccc;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}
.view-childen-list.active{color: #ef6154;}
.view-childen-list .fa{position: absolute;right: 10px;top: 14px;font-size: 16px;display: none;}
.view-childen-list.active .fa{display: block;}

/*新增报备*/
.list-info-view{background-color: #FFF;}
.list-info-view .template-row-list{height: 43px;line-height: 44px;}
.list-info-view>li:after{content: '';height: 1px;background-color: #ccc; -webkit-transform: scaleY(.5);transform: scaleY(.5);display: block;width: 100%;}
.list-info-view .template-row-list{padding-left: 100px;}
.list-info-view .label-title{width: 100px;font-size: 14px;}
.template-row-list .routineInput{line-height: 30px;padding-left: 10px;background-color: #fff;}
.template-row-list .routineSelect,.template-row-list .routineTime{padding-right: 20px;padding-left: 10px; width: 100%;line-height: 30px;background-color: #fff;}
.row-content .fa-angle-right{position: absolute;right: 0;top: 10px;font-size: 20px;display: block;}
.routineInfo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 185px;}
.routineTextarea,.followTextarea{width: 100%;height: 110px;border-bottom: 1px solid #ccc;padding: 10px;font-size: 14px;}
.followTextarea{height: 200px;}
.routineSelect .unselecteds{color: #999;}
.btn-block{width: 90%;height: 40px;display: block;margin:36px auto;background-color: #ff7900;color: #fff;font-size: 14px;line-height: 40px;border-radius: 4px;}
.checkbox-list label{margin-right: 40px;padding-left: 10px;}
.checkbox-list label input{position: relative;top: 7px;margin-right: 6px;left: 0px}
.checkbox-list label:last-child{margin-right: 0;}

/*选择城市*/
.full-list{padding-right: 26px;}
.quick-label{position: fixed;right: 0;top: 20px;width: 26px;text-align: center;}
.quick-label a{display: block;}



/*推荐客户*/
.container-indexed-list{position: relative;overflow: hidden;cursor: default;min-height: 480px;}
.indexed-list-search{border-bottom: solid 1px #e3e3e3;z-index: 15;position: relative;}
.indexed-list-search .indexed-search{position: absolute;left: 10px;top: 10px;font-size: 18px;color: #999;display: none;}
.indexed-list-search.active .indexed-search{display: inline-block;}
.indexed-list-search input{ box-sizing: border-box;height: 40px;width: 100%;padding: 10px 15px 10px 30px;}
.header-placeholder{position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 40px;display: inline-block;text-align: center;line-height: 40px;font-size: 16px;background-color: #ccc;}
.header-placeholder .fa{font-size: 18px;color: #999;}
.indexed-list-search.active .header-placeholder{display: none;}

.indexed-list-inner{width: 100%;margin: 0px;padding: 0px;overflow-y: auto;border: none;}
.indexed-addBtn{background-color: #fff;padding: 10px 0;border-bottom: 1px solid #ccc;}
.indexed-list-inner ul{padding-bottom: 50px;}
.indexed-list-inner .template-row-list{height: 44px;line-height: 44px;font-size: 14px;}
.view-childen-list .template-row-list .label-title,.view-childen-list.active .template-row-list .label-title{font-size: 14px;}
.view-childen-list.active .template-row-list .label-title{color: #ef6154;}

.parallel-line-two{height: 100%; display: flex;flex-direction: column;justify-content: space-between;padding-right: 6px;}
.parallel-line-two .title,.parallel-line-two .info-num{color: #ccc;line-height: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.parallel-line-two .title{line-height: 14px;padding-top: 4px;font-size: 14px;color: #fff;}
.info-num .num{color: #ef6154;margin: 0 4px;font-size: 14px;}

.operation-btn{margin-top: 56px;padding: 0 12px;}

/*楼盘动态*/
.properties-dynamic,.report-info-list{background-color: #fff;}
.properties-dynamic li,.report-info-list li{border-bottom: 1px solid #ccc;padding: 0 10px;}
.template-list-right{position: relative;padding-right: 70px;}
.template-list-right .title,.template-list-right .content{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 44px;height: 44px;}
.template-list-right .title{font-size: 14px;color: #333;}
.template-list-right .content{position: absolute;right: 0px;top: 0;color: #999;}

.template-list-left{position: relative;padding-left: 80px;font-size: 14px;color: #333;}
.template-list-left .label-title{position: absolute;left: 0;width: 85px;line-height: 44px;}
.template-list-left .contrls{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 44px;min-height: 44px;margin-left: 6px;}
.template-list-left .contrls-column{line-height: 22px;padding: 12px 0;min-height: 44px;}

/*动态详情*/
.details-page{padding: 0 10px;background-color: #fff;min-height: 740px;}

/*报备列表*/
.report-warp>li{display: none;}
.report-warp>li.active{display: block;}
.report-list-view{background-color: #fff;margin-top: 52px;}
.report-list-view li{border-bottom: 1px solid #ccc;}
.report-info-cell{padding: 10px;}
.report-list-view .template-list-right .title,.report-list-view .template-list-right .content{line-height: 20px;height: 20px;}

.year-time-list .template-list-right{padding-right: 120px;}

.report-list-details{position: relative;padding: 0 86px;line-height: 20px;}
.report-phone{position: absolute;left: 0;top: 0;width: 86px;overflow: hidden;}
.report-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;min-height: 20px;}
.report-state{position: absolute;right: 0;top: 0;width: 86px;text-align: right;}
.report-state.colA{color: #ff7900;}
.report-state.colB{color: #02be9d;}
.report-state.colC{color: #999;}

.fixed-header{position: fixed;top: 0;left: 0;padding: 10px;background-color:#fff;width: 100%;border-bottom: 1px solid #ccc;z-index: 9;}
.header-half{float: left;width: 50%;height: 22px;line-height: 22px;position: relative;}
.header-half select{padding-right: 30px;width: 100%;height: 22px;}
.header-half .fa-angle-down{position: absolute;right: 10px;top: 2px;font-size: 20px;}
.header-half a{float: right;margin-left: 20px;width: 16px;height: 16px;margin-top: 3px;}
.searchTextIcon{display: flex;  display: -webkit-flex;display: -moz-flex;}
.searchText{ -moz-flex: 1; -webkit-flex: 1; flex: 1;padding-left: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.searchTextIcon a{margin-left: 10px;}



/*报备详情*/
.report-info-list .editBtn{color: #ff8e3b;}
.report-info-list .content .fa{margin-right: 4px;font-size: 20px;position: relative;top: 3px;}
.report-info-list .dialBtn{color: #eb4646;}

.progress-bar-warp{padding:8px 10px;background-color: #fff;}
.progress-bar{padding:0 10px;background-color: #f8f8f8;}
.progress-bar .bar-list-line{position: relative;width: 16%;float: left;border-top: 1px solid #dcdcdc;margin-top: 20px;text-align: center;height: 46px; padding-top: 14px; height: 54px;}
.progress-bar .bar-list-line.active{color: #ff8e3b;border-top: 1px solid #ff8e3b;}
.bar-list-line .spot{position: absolute;width: 12px;height: 12px;top: -6px;left: 50%;margin-left: -6px;background:url(../images/spot.png) no-repeat;background-size: 12px auto; background-position: 0 0;}
.bar-list-line.active .spot{background-position: 0 -12px;}

.progress-bar-info{background-color: #fff;}
.progress-bar-info li:after{content: '';height: 1px;background-color: #ccc; -webkit-transform: scaleY(.5);transform: scaleY(.5);display: block;width: 100%;}
.progress-bar-info .template-row-list{line-height: 36px;padding-left: 126px;}
.progress-bar-info .template-row-list .label-title{width: 126px;padding-left: 10px;color: #999;}
/*全屏搜索框*/
.search-mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99;}
.search-warp{padding:6px 40px 0 10px;height: 44px;position: relative;border-bottom: 1px solid #ccc;}
.search-form input{border:1px solid #ccc;width: 100%;padding: 0 10px;height: 32px;line-height: 32px;}
.search-warp .cancelBtn{position: absolute;top: 2px;width: 40px;height: 40px;text-align: center;line-height: 40px;right: 0;color: #666;}
.search-history-record{padding: 10px;}
.search-history-record h3{font-weight: normal;}
.history-record-list{height: 105px;overflow: hidden;}
.history-record-list li{padding: 4px 6px;background-color: #ccc;float: left;color: #fff;margin-right: 10px;margin-top: 10px;}

/*我的*/
.my-information{height: 56px;padding: 0 10px;background-color: #fff;}
.my-information .template-row-list{height: 56px;line-height: 56px;}
.information-header{width: 40px;height: 40px;border:1px solid #d7d7d7;border-radius: 40px;overflow: hidden;margin-top: 8px;display: inline-block;}
.information-mobile{color: #ed7754;}
.information-mobile .fa-mobile{font-size: 20px;position: relative;top: 2px;left: 24px;color: #ed7754;}
.total-commission{height: 139px;background: url(../images/myBg.jpg) no-repeat left top;background-size: 100%;}

.total-commission,.commission-bottom{font-size: 14px;color: #fff;text-align: center;}
.total-commission h3{font-weight: normal;padding-top: 20px;color: #fff;}
.total-commission h3 strong{font-size: 20px;line-height: 54px;}
.commission-bottom>a,.total-commission h3>a{color: #fff;}
.commission-bottom strong{font-size: 18px;font-weight: normal;}
.my-icon{color: #ee7854;margin-right: 16px;}


/*待结佣*/
.totalIcon,.waitIcon,.alreadyIcon{background-color: #ff8e3b;width: 34px;height: 34px;color: #fff;border-radius: 34px;margin-top: 11px;text-align: center;line-height: 34px;font-size: 18px;}
.waitIcon{background-color: #eb4646;}
.alreadyIcon{background-color: #3ec0b8;}
.total-comm,.wait-comm,.already-comm{color: #ff8e3b;line-height: 56px;font-size: 18px;font-weight: bold;}
.total-comm small,.wait-comm small,.already-comm small{font-size: 12px;}
.wait-comm{color: #eb4646;}

.commission-state{padding: 10px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.stateBtn{display: block;margin: 0 auto;text-align: center;width: 120px;height: 32px;line-height: 32px;font-size: 15px;color: #333;}
.stateBtn.active{border: 1px solid #ff8e3b;color: #ff6c00;background-color: #f3e8df;}

.commission-list-view{margin-top: 0;}
.commission-list-view .report-list-details{padding-left: 60px;padding-right: 110px;font-size: 14px;}
.commission-list-view .report-phone{width: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #333;}
.commission-list-view .report-name{text-align: left;color: #333;}
.commission-list-view .report-state{width: 110px;color: #999;overflow:hidden;font-size: 12px;}
.commission-list-view .template-list-right{padding-right: 120px;margin-top: 10px;}
.commission-list-view .template-list-right .content{width: 120px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #eb4646;font-size: 16px;font-weight: bold;text-align: right;}
.already-comm,.commission-list-view .template-list-right .already{color: #3ec0b8}
/*独立样式*/
.headerImg img,.information-header img,.header-half a img{width: 100%;height: 100%;}

.pT14{padding-top: 14px;}
.pB14{padding-bottom: 14px;}
.mT120{margin-top: 120px;}
.mT10{margin-top: 10px;}


/*清除浮动*/
.entry-list:after,.recommend-commission-btn:after,.residential-mask-info:after,.fixed-foot:after,.fixed-header:after,.my-information:after,.commission-bottom:after,
.progress-bar:after,.commission-state:after,.history-record-list:after{content:''; display:block; clear:both; visibility: hidden; overflow: hidden; font-size:0; height:0}




